{% extends 'base.html' %}
{% load static %}
{% block content-wrapper %}
    <div class="row grid-margin">
        <div class="col-md-12 stretch-card">
            <div class="card">
                <div class="card-body">
                    <p class="card-title">{{ user.username }}你好</p>
                    <form method="post" action="{% url 'login:settings' %}">
                        <div class="form-group row">
                            <label for="staticEmail" class="col-sm-2 col-form-label">username</label>
                            <div class="col-sm-10">
                                <input type="text" readonly class="form-control-plaintext" id="staticUsername" value="{{ user.username }}">
                            </div>
                        </div>
                        <div class="custom-file mb-3">
                            <input type="file" class="custom-file-input" id="validatedCustomFile" required value="{{ user.avatar }}">
                            <label class="custom-file-label" for="validatedCustomFile">选择头像</label>
                            <div class="invalid-feedback">请选择头像</div>
                        </div>
                        <div class="form-group row">
                            <label for="inputPassword" class="col-sm-2 col-form-label">修改Password</label>
                            <div class="col-sm-10">
                                <input type="password" class="form-control" id="inputPassword" value="{{ user.password }}" placeholder="请输入密码">
                            </div>
                            <div class="col-sm-10">
                                <input type="password" class="form-control" id="inputPassword2" value="{{ user.password }}" placeholder="请再输入密码">
                            </div>
                        </div>
                        <button type="submit" class="btn btn-primary">Submit</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
{% endblock %}